<template>
    <div>
        <Tabs value="index_carousel">
            <TabPane label="首页轮播图" name="index_carousel">
                <Row>
                    <Col span="12" offset="4">
                        <DictionaryList linkDiscription="若目标页面为网站内部页面，请填写相对地址：" :data="tree.index_carousel" infoAlert="首页顶部轮播图展示,最多录入5条" :itemCount="5" title="轮播图" :options="{show_url: true,show_remark: true,show_logo: true,}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
            <TabPane label="网站logo" name="index_logo">
                <Row>
                    <Col span="12" offset="4">
                        <DictionaryList :data="tree.index_logo" linkDiscription="若目标页面为网站内部页面，请填写相对地址：" infoAlert="网站首页的logo,只能录入一个" :itemCount="1" title="网站logo" :options="{show_url: true,show_remark: true,show_logo: true,}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
            <TabPane label="中部轮播图" name="mid_carousel">
                <Row>
                    <Col span="12" offset="4">
                        <DictionaryList :data="tree.mid_carousel" linkDiscription="若目标页面为网站内部页面，请填写相对地址：" infoAlert="首页中部轮播图展示,最多录入5条" :itemCount="5" title="中部轮播图" :options="{show_url: true,show_remark: true,show_logo: true,}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
            <TabPane label="子页背景图" name="subpage_image">
                <Row>
                    <Col span="12" offset="4">
                        <DictionaryList :data="tree.subpage_image" linkDiscription="若目标页面为网站内部页面，请填写相对地址：" infoAlert="网站子页面的背景图,只能录入一个" :itemCount="1" title="子页背景图" :options="{show_url: true,show_remark: true,show_logo: true,}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
            <TabPane label="广告位" name="ad_image">
                <Row>
                    <Col span="12" offset="4">
                        <DictionaryList :data="tree.ad_image" linkDiscription="若目标页面为网站内部页面，请填写相对地址：" infoAlert="网站首页的广告位,只能录入一个" :itemCount="1" title="广告位" :options="{show_url: true,show_remark: true,show_logo: true,}"></DictionaryList>
                    </Col>
                </Row>
            </TabPane>
        </Tabs>
    </div>
</template>
<script>
import DictionaryList from "./DictionaryList";
import parent from '../Parent';
export default {
    extends:parent,
    components: {
        DictionaryList
    },
    computed:{
        tree() {
            return this.$store.state.app.dicTree;
        }
    }
};
</script>